<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet"
          href="<%=request.getContextPath()%>/static/bower_components/bootstrap/dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet"
          href="<%=request.getContextPath()%>/static/bower_components/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/bower_components/Ionicons/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/AdminLTE.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/plugins/iCheck/square/blue.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Google Font -->
    <%--<link rel="stylesheet"--%>
          <%--href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">--%>

    <title>融托金融信贷管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/static/css/reset.css"/>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/jquery-1.10.2_d88366fd.js" ></script>
    <style type="text/css">
        .rtxd_index{position: fixed;min-width: 500px;width: 100%;height: 100%;}
        .rtxd_bg{background: url(<%=request.getContextPath()%>/static/img/rtxd_index1.jpg) no-repeat center;background-size: cover;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-attachment: fixed;}
        .rtxd_logbox{position: absolute;width: 420px;height: 470px;padding:50px 40px;border-radius: 10px;top: 0;left: 0;right: 0;bottom: 0;background: white;margin: auto;*left:50%;*margin-left:-250px;*top: 50%;*margin-top: -285px;}
        .rtxd_logo{width:124px ;display: block;margin: 0 auto;}
        .rtxd_tit{font-size: 30px;line-height: 36px;padding:12px 0px ;text-align: center;color: #323333;margin-bottom: 60px;}
        .rtxd_form{}
        .rtxd_finp{display: block;width: 100%;line-height: 44px;height:44px;outline: none;margin-bottom: 30px;border: none;border-bottom: 1px solid #eaeaea;font-size: 14px;color: #323333;}
        .rtxd_finp::-webkit-input-placeholder{
            color:#323333;
        }
        .rtxd_finp::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#323333;
        }
        .rtxd_finp:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#323333;
        }
        .rtxd_finp:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            color:#323333;
        }
        .rtxd_icbox{padding: 4px 0px;line-height: 16px;}
        .remeber_left{float: left;}
        .lab_remeb{display: block;width: 14px;height: 14px;text-align: center;cursor: pointer;float: left;border-radius: 4px;margin-right: 6px;border: 1px solid #0099e9;}
        .lab_remebchecked{background: url(<%=request.getContextPath()%>/static/img/rtxd_index3.png) no-repeat center;background-size: contain;}
        .inp_remeb{visibility: hidden;}
        .remeber_left span{font-size: 14px;cursor: default;float: left;}
        .forget_right{float: right;}
        .forget_right a{float: right;font-size: 14px;color: #0099e9;}
        .rtxd_index_btnlogin{width: 100%;height: 54px;line-height: 54px;text-align: center;color: white;font-size: 16px;background: #0099e9;border-radius: 5px;border: none;margin: 22px 0px;}
    </style>
</head>
<body class="hold-transition login-page">
<div class="rtxd_index">
    <div class="rtxd_bg"></div>
    <div class="rtxd_logbox" style=" box-sizing: content-box";>
        <img class="rtxd_logo" src="<%=request.getContextPath()%>/static/img//rtxd_index2.png" alt="" />
        <p class="rtxd_tit">融托金融信贷管理系统</p>
        <form action="" method="post" class="rtxd_form" id="loginForm">

            <input class="rtxd_finp" type="text" value="" placeholder="用户名" id="username" name="username" onkeydown=KeyDown()/>
            <input class="rtxd_finp" type="password" value="" placeholder="密码" id="password" name="password" onkeydown=KeyDown()/>
            <div style="color:red;">${error}</div>
            <%--<div class="rtxd_icbox clear">
                <div class="remeber_left clear">
                    <label class="lab_remeb" for="remember"></label><span>记住我</span>
                    <input class="inp_remeb" type="checkbox" name="" id="remember" value="1" />
                </div>
                <div class="forget_right">
                    <a class="rtxd_iForget" href="javascript:;">忘记密码</a>
                </div>
            </div>--%>
            <input class="rtxd_index_btnlogin" type="button" value="登录" id="loginButton"/>
        </form>
    </div>
</div>
<!-- /.login-box -->

<!-- jQuery 3 -->
<script src="<%=request.getContextPath()%>/static/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="<%=request.getContextPath()%>/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="<%=request.getContextPath()%>/static/plugins/iCheck/icheck.min.js"></script>
<!-- Bootstrap-validator-0.11.9 -->
<script src="<%=request.getContextPath()%>/static/plugins/bootstrap-validator-0.11.9/dist/validator.min.js"></script>
<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' /* optional */
        });
    });
    $(function(){
//			切换选中
        $('.lab_remeb').bind('click',function(){
            $(this).toggleClass('lab_remebchecked');
        })
    })


    $("#loginButton").click(function (){
        $("#loginForm").attr('action', '/login').submit();
    })
    function KeyDown(){
        if (event.keyCode == 13){
            event.returnValue=false;
            event.cancel = true;
            loginForm.loginButton.click();
        }
    }

    function clear(){
        return document.getElementById("username").value="";
        return document.getElementById("password").value="";
    }

</script>
</body>
</html>
